$(function () {
  // 调用获取用户信息的方法
  getUserInfo()
  // 添加退出事件处理函数
  $('#logout').on('click', function () {
    // 移除本地存储的token
    localStorage.removeItem('token')
    // 跳转登录页面
    location.href = 'login.html'
  })
})
// 自定义表单校验
var layer = layui.layer;
// 定义获取用户信息的方法
function getUserInfo () {
  $.ajax({
    url: '/my/userinfo',
    method: 'get',
    // headers: {
    //   Authorization: localStorage.getItem('token')
    // },
    success: function (data) {
      // console.log(data)
      if (data.status !== 0) return layer.msg(data.message)
      // 渲染头像和用户名
      renderAvatarAndName(data)
    }
  })
}
// 定义渲染用户名和头像的函数
function renderAvatarAndName (data) {
  // console.log(data)
  // 获取用户信息
  var user = data.data
  // user.user_pic = null
  // 获取用户名
  var name = user.nickname || user.username
  // 设置用户名
  $('.username').html(name)
  if (!user.user_pic) { // 没有用户头像
    // 取出用户名的第一个字符 并转为大写
    var firstStr = name[0].toUpperCase()
    // 隐藏图片元素
    $('.user-avatar').hide()
    // 设置用户名第一个字符到页面中
    $('.user-avatar-code').html(firstStr)
  } else { // 有用户头像
    // 将后台返回的用户头像渲染到页面
    $('.user-avatar').attr('src', user.user_pic)
    // 头像区域展示
    $('.user-avatar').show()
    // 隐藏code的盒子
    $('.user-avatar-code').hide()
  }
}
